/* 工单详情样式 */
.order-detail {
    padding: 10px;
    background-color: #3B8AFF;
    color: white;
}

.detail-col {
    width: 25%;
    margin-right: 1%;
}

.detail-download {
    color: white;
    cursor: pointer;
}

.detail-col-rap { margin-top: 20px; }

/* 工单对话内容样式 */
.order-message {
    max-height: 300px;
    overflow-x:hidden;
    overflow-y: scroll;
}

.message-content {
    border: 1px solid #22a0ea;
    padding: 10px 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.message-right .message-content {
    background: #FFF none repeat scroll 0 0 !important;
    color: #333;
}

.message-right, .message-right .time {
    float: right;
    color: #333;
}

.message-left, .message-left .time { float: left; }

.message-left .message-content {
    background: #eee none repeat scroll 0 0 !important;
    color: #333;
}

.sm { font-size: 100%; }

.text-left { text-align: left; }

.pdlr10 { padding: 0px 10px; }

.message-box {
    margin: 10px 0px;
    max-width: 100%;
}

.bg1 { background: #EFF3F6 none repeat scroll 0 0 !important; }

.clear { clear: both; }

/* 工单回复按钮 */
.order-button { margin: 10px auto; }